<template>
  <div class="app-footer">
     <div class="content wrap-v2">
        <div class="content-left">
          <div class="link">
            <template
              v-for="item in footerLinks"
              :key="item.title"
            >
              <a :href="item.link" target="_blank" rel="noopener noreferrer">
                {{ item.title }}
              </a>
              <span class="line">|</span>
            </template>
          </div>

          <div className="copy-right">
            <span>网易公司版权所有©1997-2020</span>
            <span>
              杭州乐读科技有限公司运营：
              <a href="https://p1.music.126.net/Mos9LTpl6kYt6YTutA6gjg==/109951164248627501.png" rel="noopener noreferrer" target="_blank">浙网文[2018]3506-263号</a>
            </span>
          </div>

          <div className="report">
            <span>违法和不良信息举报电话：0571-89853516</span>
            <span>
              举报邮箱：
              <a href="mailto:ncm5990@163.com" target="_blank" rel="noopener noreferrer">ncm5990@163.com</a>
            </span>
          </div>

          <div className="info">
            <span>粤B2-20090191-18</span>
            <a href="http://www.beian.miit.gov.cn/publish/query/indexFirst.action" rel="noopener noreferrer" target="_blank">
              工业和信息化部备案管理系统网站
            </a>
          </div>
       </div>

       <div class="content-right">
         <template 
          v-for="item in footerImages"
          :key="item.link"
         >
          <li class="item">
            <a class="link" :href="item.link" target="_blank" rel="noopener noreferrer"></a>
            <span class="title"></span>
          </li>
         </template>
       </div>
     </div>
  </div>  
</template>

<script lang="ts">
import { defineComponent } from "vue";

import { footerLinks, footerImages } from "@/common/local-data";

export default defineComponent({
  
  setup() {
    return {
      footerLinks,
      footerImages
    }
  }
})
</script>

<style scoped lang="less">  
@import './index.less';
</style>